下一篇：

网页设计心得：我对网页设计的一些思考（高级）

设计原则

上一篇文章写了一篇给新人的分享，感谢大家的支持，所以这次虽然快过年了，但还是说点干货。 这么浪费时间的事不说了，跑题了。

看过罗宾的《 Book for You》的人都知道，书中写的四大设计原则是：

所以这次我就来谈谈我在实际网站设计中对这四个设计原则的看法和感悟，其他的可以举一反三。

亲密

网页中的亲切感主要表现在对内容的主次关系、逻辑关系、层次关系的梳理和表达上。

与其他设计作品一样，混乱的内容布局会让用户不知从何下手。 对于完全不懂设计的客户网页设计制造，看完之后会对你说：“我没看出哪里不对，就是觉得不舒服”等反馈，很多设计师都很恼火，责怪客户不给予明确的反馈，等等……

遇到这些情况，我们不得不反思。 虽然这些客户的反馈看似没有实质内容，但也有不少客户只是说“不”。 往往是因为我们忽略了内容的主次关系或者是逻辑关系，导致客户在阅读时感到困惑和不适。

PS：物品靠得越近，越能形成一个整体。 同时与周围的物品有一定的联系。 不能让它们孤立存在，让用户在浏览时清楚地了解主次关系和逻辑关系。

对齐

网页中的对齐主要是为了使元素之间存在隐藏或明显的视觉关系。 与上面提到的亲密关系有类似的作用，或者说在设计时存在一种相互支持和依赖的关系。 先说说这里的设计吧。 每条原则都不是独立的，它们可以完善页面元素之间的逻辑和主次关系。

设计时坚持对齐原则，可以让你的作品看起来更有效，不会让客户“你为什么把这个放在这里？” 一种问题。

案例2-1 添加辅助线后，我们可以看到各种错位和不一致。 调整后，看起来更整洁，更易于阅读。 前面说过，设计一定要严谨。 不要责怪你的主管或经理有一双钛合金狗眼。 即使您必须对齐单个像素，您实际上也要对这项工作负责。

案例 2-3 这是页面的常规长版。 我想说的是，很多童鞋在制作稍长版的页面时，只看到眼前的画面。 ，很少从整体上看页面关系。 所以如果没有大图，就得回头看看自己做的页面。

有的童鞋会说：“那为什么网站要那么做呢？” 当然不是网页设计制造，这个例子就是让你知道，当你没有能力去做那个高端设计的时候，这种思路至少可以给你一个好的idea。 习惯制作干净整洁的页面。 细心的童鞋可以看看这些高端网站，虽然优秀的设计是有规律可循的。

重复&比较&

重复原则是指个别网页元素的重复或网页结构的延续，包括配色等。

有些网站的首页很酷，但用户往往在进入内页后感觉被重定向到另一个或多个网站。 不仅要注意首页的统一，还要保持第一内页风格的统一。

重复本身在设计层面也是一种平面构图。 重复的元素和画面能给人一种和谐、秩序的感觉。 同时，我们还可以进行差异化处理，在重复的结构中做一个差异点（视觉焦点），可以突出页面的重点，常用于网页中图表的制作。

对比是设计中非常有效的吸引眼球的手段，能够高效的传递信息。 对比的方式有很多，不仅是里面元素之间的对比，还有色调、留白、落差、特写等形式手法，这里就不举例了。

之所以把重复和比较放在一起，是因为上面提到的四大设计原则往往相互影响，同时存在，很少单独存在。

你能从里面的箱子里听到亲昵和对齐的存在吗？

总结

遵守基本的设计原则可以让我们在菜鸟阶段做出的作品更加严谨，也更容易快速上手，但并不代表高端优秀的设计可以抛弃这个设计原则。 大部分商业作品熟练运用这些原理，都可以制作出更成熟的首页疗效图。 其实还有其他重要的方面，我们后面会讲到。

设计是一个创造和解决冲突的过程。 也许我们现阶段所做的并不是那么理想。 然而，这是一个渐进的过程。 要想有质的飞跃，需要一定的积累。 只要坚持，总会有收获。 前提是你是否知道自己在做什么。